<script lang="ts" setup>
// 组件引入
import Header from "@/components/header.vue";

const EarthComponent = defineAsyncComponent(() => {
  return import("@/components/EarthComponent.vue");
});

const layerManage = defineAsyncComponent(() => {
  return import("./component/layerManage.vue");
});

// 图表引入
import { House } from "@element-plus/icons-vue";

// 依赖项引入
import { onMounted, defineAsyncComponent } from "vue";
import * as Cesium from "cesium";
import { parabola } from "../../utils/GV_DrawFn/earthFn";
import { useEarthStore } from "../../stores/earthObj";
const store = useEarthStore();
import { LineFlowMaterialProperty } from "../../utils/Material/lineFlowMaterialProperty";
onMounted(() => {});

import { useRouter } from "vue-router";
let router = useRouter();
// 去主界面
const toEditor = () => {
  router.push("/");
};
</script>
<template>
  <div class="manage">
    <div class="manage_header">
      <Header>
        <template #HeadBtnIcon>
          <el-icon class="icon" @click="toEditor"><House /></el-icon>
        </template>
      </Header>
    </div>
    <div class="Home_Container">
      <EarthComponent></EarthComponent>
    </div>
    <layerManage></layerManage>
  </div>
</template>
<style scoped>
.manage {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.manage_header {
  width: 100%;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #3b86ff61;
  z-index: 100;
}
.Home_Container {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.icon {
  cursor: pointer;
  margin: 0 7px;
  font-size: 18px;
}
</style>
